export const userPath = {
  viewBox: {
    w: 1024,
    h: 1024,
  },
  d: [
    'M504.951 511.98c93.49 0 169.28-74.002 169.28-165.26 0-91.276-75.79-165.248-169.28-165.248-93.486 0-169.287 73.972-169.279 165.248-0.001 91.258 75.793 165.26 169.28 165.26z m77.6 55.098H441.466c-120.767 0-218.678 95.564-218.678 213.45V794.3c0 48.183 97.911 48.229 218.678 48.229H582.55c120.754 0 218.66-1.78 218.66-48.229v-13.77c0-117.887-97.898-213.45-218.66-213.45z',
  ],
}

export const groupPath = {
  viewBox: {
    w: 1024,
    h: 1024,
  },
  d: [
    'M397.065 309.472m-179.229 0a179.229 179.229 0 1 0 358.458 0 179.229 179.229 0 1 0-358.458 0Z',
    'M710.715 443.894m-134.421 0a134.421 134.421 0 1 0 268.842 0 134.421 134.421 0 1 0-268.842 0Z',
    'M958.167 811.405c-16.235-131.576-120.835-233.09-247.452-233.09a233.207 233.207 0 0 0-79.622 13.969c-60.127-64.034-142.785-103.583-234.028-103.583-172.93 0-315.059 142.02-331.305 323.664-1.672 18.7 13.112 34.793 31.886 34.793h828.737c19.159 0 34.13-16.737 31.784-35.753z',
  ],
}

export const enumStrokeColor = {
  primary: 'rgb(24, 125, 255)',
  success: 'rgb(103, 194, 58)',
  danger: 'rgb(245, 108, 108)',
  warning: 'rgb(230, 162, 60)',
  info: 'rgb(144, 147, 153)',
}

export const rectNodeConfig = {
  width: 100,
  height: 80,
}

export const theme = {
  rect: {
    ...rectNodeConfig,
    radius: 5,
    stroke: enumStrokeColor.primary,
  },
  circle: {
    r: 18,
    stroke: enumStrokeColor.primary,
  },
  polygon: {
    stroke: enumStrokeColor.primary,
  },
  polyline: {
    stroke: enumStrokeColor.primary,
    hoverStroke: enumStrokeColor.primary,
    selectedStroke: enumStrokeColor.primary,
  },
  edgeText: {
    background: {
      fill: 'white',
      height: 14,
      stroke: 'transparent',
      radius: 3,
    },
  },
}
